<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <title>我的订单</title>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/dialog.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <script src="../js/flexible.js" type="text/javascript"></script>
    <script src="../js/swiper.min.js" type="text/javascript"></script>
    <script src="../js/zepto-v1.2.0.min.js" type="text/javascript"></script>
    <script src="../js/dialog.min.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="order-center-wrapper common-wrapper">
      <header class="header-wrapper clearfix">
        <div class="header-container white-background">
          <div class="left-container">
            <a class="back black-back" href="javascript:history.back(-1)"></a>
          </div>
          <span class="title">我的订单</span>
        </div>
      </header>
      <section class="tab-container">
        <div class="tab-item active">全部</div>
        <div class="tab-item">待付款</div>
        <div class="tab-item">待发货</div>
        <div class="tab-item">待收款</div>
        <div class="tab-item">待评价</div>
      </section>
      <section class="order-list">
        <div class="order-item order-pending-pay">
          <div class="order-info">
            <span class="order-num">订单编号：D202005014252435</span>
            <span class="order-status">等待买家付款</span>
          </div>
          <section class="goods-list3">
            <div class="goods-item">
              <img src="../img/1x/goods-plane3.png" />
              <div class="goods-info">
                <div class="goods-name">
                  商品名称商品名称商品名称商品名称 商品名称商品名称
                </div>
                <div class="goods-desc">DA-40型号</div>
              </div>
              <div class="order-info">
                <div class="price">￥320.00</div>
                <div class="count">X2</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane3.png" />
              <div class="goods-info">
                <div class="goods-name">
                  商品名称商品名称商品名称商品名称 商品名称商品名称
                </div>
                <div class="goods-desc">DA-40型号</div>
              </div>
              <div class="order-info">
                <div class="price">￥320.00</div>
                <div class="count">X2</div>
              </div>
            </div>
          </section>
          <div class="order-amount">
            <span>总价：￥640.00</span>
            <span>优惠￥0.00</span>
            <span>实付款￥640.00</span>
          </div>
          <div class="order-btn-group">
            <a class="normal-btn outline-info-btn">取消订单</a>
            <a class="normal-btn primary-btn" href="cashier.html?summary=3218.50&origin=orderCenter">付款</a>
          </div>
        </div>
        <div class="order-item order-close">
          <div class="order-info">
            <span class="order-num">订单编号：D202005014252435</span>
            <span class="order-status">交易关闭</span>
          </div>
          <section class="goods-list3">
            <div class="goods-item">
              <img src="../img/1x/goods-plane3.png" />
              <div class="goods-info">
                <div class="goods-name">
                  商品名称商品名称商品名称商品名称 商品名称商品名称
                </div>
                <div class="goods-desc">DA-40型号</div>
              </div>
              <div class="order-info">
                <div class="price">￥320.00</div>
                <div class="count">X2</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane3.png" />
              <div class="goods-info">
                <div class="goods-name">
                  商品名称商品名称商品名称商品名称 商品名称商品名称
                </div>
                <div class="goods-desc">DA-40型号</div>
              </div>
              <div class="order-info">
                <div class="price">￥320.00</div>
                <div class="count">X2</div>
              </div>
            </div>
          </section>
          <div class="order-amount">
            <span>总价：￥640.00</span>
            <span>优惠￥0.00</span>
            <span>实付款￥640.00</span>
          </div>
          <div class="order-btn-group">
            <a class="normal-btn outline-info-btn">删除订单</a>
            <a class="normal-btn primary-btn">再来一单</a>
          </div>
        </div>
        <div class="order-item order-pending-receipt">
          <div class="order-info">
            <span class="order-num">订单编号：D202005014252435</span>
            <span class="order-status">等待买家付款</span>
          </div>
          <section class="goods-list3">
            <div class="goods-item">
              <img src="../img/1x/goods-plane3.png" />
              <div class="goods-info">
                <div class="goods-name">
                  商品名称商品名称商品名称商品名称 商品名称商品名称
                </div>
                <div class="goods-desc">DA-40型号</div>
              </div>
              <div class="order-info">
                <div class="price">￥320.00</div>
                <div class="count">X2</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane3.png" />
              <div class="goods-info">
                <div class="goods-name">
                  商品名称商品名称商品名称商品名称 商品名称商品名称
                </div>
                <div class="goods-desc">DA-40型号</div>
              </div>
              <div class="order-info">
                <div class="price">￥320.00</div>
                <div class="count">X2</div>
              </div>
            </div>
          </section>
          <div class="order-amount">
            <span>总价：￥640.00</span>
            <span>优惠￥0.00</span>
            <span>实付款￥640.00</span>
          </div>
          <div class="order-btn-group">
            <a class="normal-btn outline-info-btn">取消订单</a>
            <a class="normal-btn primary-btn">付款</a>
          </div>
        </div>
      </section>
    </div>
  </body>
  <script>
    $(document).ready(function () {
      $('.tab-item').click(function () {
        $(this).addClass('active').siblings().removeClass('active')
      })
      $('.order-item').click(function(e) {
        if (!($(e.target).hasClass('normal-btn') || $(e.target).hasClass('order-btn-group'))) {
          window.location.href = '../page/orderDetail.html?status=pendingpay'
        }
      })
    })
  </script>
</html>
